<template>
    <div>
        <schart :canvasId="canvasId" :type="type" :width="width"
    :height="height" :data="results" :options="options"></schart>
    </div>
</template>

<script>
import Schart from 'vue-schart'
export default {
    props: ['results', 'getData'],
    data() {
        return {
            canvasId: 'myCanvas',
            type: 'ring',
            width: 500,
            height: 600,
            options: {
                padding: 50,                   // canvas 内边距
                bgColor: '#FFFFFF',            // 默认背景颜色
                legendColor: '#000000',         // 图例文本颜色
                legendTop: 0,               // 图例距离顶部的长度
                colorList: ['#1E9FFF', '#13CE66', '#F7BA2A', '#FF4949', '#72f6ff','#af2a08'],   // 环形图颜色列表
                radius: 62,                     // 环形图外圆半径
                innerRadius: 49            // 环形图内圆半径
            }
        }
    },
    components:{
        Schart
    },
    created() {
        this.getData()
    }
}
</script>

